<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="./css/index.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <div class="header-title"></div>
        <div class="content">
<!--            <div class="center-bg"></div>-->
            <div class="menu-list">
                <div class="menu-items">
                    <div class="item-col-1">
                        <div class="menu-item">
                            <img src="./images/fire.png">
                            <div class="item-text">火灾案例</div>
                        </div>
                    </div>
                    <div class="item-col-2 flex-row justify-center">
                        <div class="menu-item">
                            <img src="./images/information.png">
                            <div class="item-text">信息点分布</div>
                        </div>
                        <view class="menu-item">
                            <image src="./images/annihilator.png"></image>
                            <div class="item-text">消防标识识别</div>
                        </view>
                    </div>

                    <div class="item-col-3">
                        <div class="menu-item">
                            <img src="./images/welfare.png">
                            <div class="item-text">公益宣传片</div>
                        </div>
                    </div>

                    <div class="item-col-4 flex-row justify-center">
                        <div class="menu-item">
                            <img src="./images/red-halt.png">
                            <div class="item-text">消防宣教员</div>
                        </div>
                        <div class="menu-item">
                            <img src="./images/hydrant.png">
                            <div class="item-text">固定消防设施</div>
                        </div>
                    </div>

                    <div class="item-col-5">
                        <div class="menu-item">
                            <img src="./images/game.png">
                            <div class="item-text">消防体验游戏</div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
</html>
